body{
  
    min-width:320px;
    max-width:750px;
    margin:0 auto;
   
   
    background-color: #f2f4f7;
}
 @media  screen and (min-width:750 ) {
       html{
        font-size:75px;
       }
}
a {
    text-decoration: none;
    color:#707070;
}
.warp {
    background-color: #fff;
    padding-bottom: 0.573333rem;
}
.header{
    height:1.066666rem;
    border-bottom: 0.013333rem solid #eaeaea;
    text-align: center;
    line-height:1.066666rem;
    font-size:0.466666rem;
    color:#1C1C1C;
}
.nav {
    margin:0.586666rem 0 0.8rem;
    display: flex;
    flex-wrap: wrap;
    .item{
        display: flex;
        flex-direction: column;
        align-items: center;
        width:33.33%;
        img{
            width:1.853333rem;
            height:1.813333rem;
        }
        span{
            font-size:0.333333rem;
             
            
        }
        &:nth-child(-n+3){
            margin-bottom: 0.8rem;
        }
    }
}
.go {
     margin:0 0.133333rem 0 0.24rem;
}
.content {
    padding:0.533333rem 0.266666rem;
    background-color: #fff;
    margin-top:0.133333rem;
    
    .content-hd {
        display: flex;
        justify-content: space-between;
        height: 0.506666rem;
       margin-bottom: 0.453333rem;
         align-items: center;
         h4 {
             font-size:0.373333rem;
             .icon {
                 display: inline-block;
                 width:0.506666rem;
                 height:0.506666rem;
                 vertical-align:middle;
             }
            
         }
         .more {
             font-size:0.293333rem;
             color:#999999;
         }
        
    }
}
.get_job_focus{
    
    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-direction: column;
//    -webkit-box-pack: center;
//    -ms-flex-pack: center;
//   -webkit-justify-content: center;
    //justify-content: center;
//    -webkit-box-align: center;
// -ms-flex-align: center;
//    -webkit-align-items: center;
      align-items: center;
      a {
          width:4.506666rem;
          height:5.013333rem;
          
          img {
              width:100%;
              height:100%;
          }
      }
      p {
          width:4.506666rem;
          font-size:0.333333rem;
          margin-top:0.32rem;
          color:#333;
      }
    }
}
.aa_com{
    padding-bottom: 1.866666rem;
}
.niubi {
    .niubi_fo {
        padding:0.133333rem;
    }
    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
     
      font-size: 18px;
      background: #fff;
       width:3.866666rem;
       height:4.533333rem;
       background:#fff;
       border-radius: 0.133333rem;
       box-shadow: 0 0rem 0.133333rem rgba(0,0,0,0.1);
       h5 {
           font-size:0.373333rem;
           margin:0.266666rem 0;
           font-weight: 5.333333rem;
       }
       p {
           font-size:0.346666rem;
           span{
                  color: #FF4400;
           }
       
       }
       img {
          width: 100%;
      height:2.28rem;
       }
       &:nth-child(4)
       {
           text-align: center;
       }
      /* Center slide text vertically */
//    display: flex;
//    flex-direction: column;
//    display: -webkit-box;
//    display: -ms-flexbox;
//    display: -webkit-flex;
//    display: flex;
//    -webkit-box-pack: center;
//    -ms-flex-pack: center;
//    -webkit-justify-content: center;
//    justify-content: center;
//    -webkit-box-align: center;
//    -ms-flex-align: center;
//    -webkit-align-items: center;
//    align-items: center;
    }
}
.footer {
    position:fixed;
    left:0;
    
    bottom:0;
    height:1.333333rem;
    width: 100%;
    background: #fff;
    z-index: 99999;
    display:flex;
    padding-top:1px solid #ccc;
    
    .item {
        flex:1;
        display: flex;
        flex-direction: column;
        align-items: center;
        img {
            width:0.52rem;
            height:0.546666rem;
        }
        p{
            font-size:0.293333rem;
            color:#666666;
            margin-top:0.133333rem;
        }
    }
}
